import AMap from "AMap";

export let _AMap = null
export let markerList = []
export let driving = undefined

/**
 * @name 初始化坐标
 * @param {*} lng
 * @param {*} lat
 * @param {*} ele
 */
export function initAMap(lng, lat, ele) {
  _AMap = new AMap.Map(ele, {
    zoom: 18, //级别
    center: [lng, lat], //中心点坐标
  });
  setTimeout(() => {
    const container = window.document.getElementById("container")
    AMap.event.addDomListener(container, "mousewheel",
      function (e) {
        e.stopPropagation()
        return false;
      })
    // const container1 = window.document.getElementById("introduced-content-item-text1")
    // if(container1.addEventListener)container1.addEventListener("mousewheel",
    // 	function(e) {
    // 		e.stopPropagation()
    // 		return false;
    // 	})
  }, 1000);
}

/**
 * @name 添加标记点
 * @param {String} pois 坐标点数组
 * @param {Array} HTMLArr 窗口模板
 */
export function handlesMarker(pois) {
  //
  if (driving) driving.clear()
  _AMap.remove(markerList)

  // marker
  markerList = pois.map((val) => {

    let lng = Number(val.location.split(",")[0]);
    let lat = Number(val.location.split(",")[1]);

    return new AMap.Marker({
      title: "唐山南湖",
      position: new AMap.LngLat(lng, lat), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
    });
  });
  //
  _AMap.add(markerList);





}
export function handlesDriving(points) {
  _AMap.remove(markerList)
  // 首次导入
  if (!driving) {
    driving = new AMap.Driving({
      // 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式
      policy: AMap.DrivingPolicy.LEAST_TIME,
      map: _AMap,
      // panel: 'container'
    });

    // _AMap.plugin("AMap.Driving", function () {
    //     // _AMap.remove(markerList)

    //     driving = new AMap.Driving({
    //         // 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式
    //         policy: AMap.DrivingPolicy.LEAST_TIME,
    //         map: _AMap,
    //         // panel: 'container'
    //     });

    //     // var startLngLat = [116.379028, 39.865042];
    //     // var endLngLat = [116.427281, 39.903719];

    //     // var opts = {
    //     //     // 途经点参数，最多支持传入16个途经点
    //     //     waypoints: [{ keyword: "北京站", city: "北京" }],
    //     // };


    // });
  }

  let opts = {
    waypoints: [{
      keyword: '北京站',
      city: '北京'
    }]
  }

  driving.search(points, opts, function (status, result) {
    // 未出错时，result即是对应的路线规划方案
    // console.log(status, result, "123");
  });

}

export function clearDriving() {
  driving = null
}

/**
 * @name 添加自定义窗体
 * @param { Array } HTMLArr 窗口模板数组
 * @return {Array}
 */
// export function handlesInfoWindow(HTMLArr) {
//     return HTMLArr.map( html => {
//         return new AMap.InfoWindow({
//             isCustom: true,  //使用自定义窗体
//             content: createInfoWindow(title,content),  //传入 dom 对象，或者 html 字符串
//             offset: new AMap.Pixel(16, -50)
//         });
//     })

// }

/**
 * @name 构建自定义信息窗体
 * @param {String} title
 * @param {Array} content
 */
// function createInfoWindow(title, content) {
//     var info = document.createElement("div");
//     info.className = "custom-info input-card content-window-card";

//     //可以通过下面的方式修改自定义窗体的宽高
//     //info.style.width = "400px";
//     // 定义顶部标题
//     var top = document.createElement("div");
//     var titleD = document.createElement("div");
//     var closeX = document.createElement("img");
//     top.className = "info-top";
//     titleD.innerHTML = title;
//     closeX.src = "https://webapi.amap.com/images/close2.gif";
//     closeX.onclick = closeInfoWindow;

//     top.appendChild(titleD);
//     top.appendChild(closeX);
//     info.appendChild(top);

//     // 定义中部内容
//     var middle = document.createElement("div");
//     middle.className = "info-middle";
//     middle.style.backgroundColor = 'white';
//     middle.innerHTML = content;
//     info.appendChild(middle);

//     // 定义底部内容
//     var bottom = document.createElement("div");
//     bottom.className = "info-bottom";
//     bottom.style.position = 'relative';
//     bottom.style.top = '0px';
//     bottom.style.margin = '0 auto';
//     var sharp = document.createElement("img");
//     sharp.src = "https://webapi.amap.com/images/sharp.png";
//     bottom.appendChild(sharp);
//     info.appendChild(bottom);
//     return info;
// }

//关闭信息窗体


// function closeInfoWindow() {
//     _AMap.clearInfoWindow();
// }
